<template>
	<view class="search-box">
		<view class="search-input" @click="goToSearch">
			<text class="search-icon">🔍</text>
			<text>搜索火锅食材、调料</text>
		</view>
	</view>
</template>

<script setup>
import { useRouter } from 'vue-router'

const router = useRouter()

const goToSearch = () => {
	uni.navigateTo({
		url: '/pages/product/search'
	})
}
</script>

<style>
.search-box {
	padding: 20rpx 30rpx;
	background-color: #D02B29;
}

.search-input {
	display: flex;
	align-items: center;
	background-color: #FFFFFF;
	border-radius: 50rpx;
	padding: 10rpx 20rpx;
	color: #999;
}

.search-icon {
	margin-right: 10rpx;
}
</style> 